/* 视图面板的样式 */
.view_container {
    background-color: white;
    padding: 0;
    float: left;
    width: auto;
    border: 1px solid #D0D0D0;
    -webkit-box-shadow: 0 0 8px #D0D0D0;
    position: static;
    display: block;
    flex: 1;
    width: 35rem;
    height: auto;
}
.view_container.hide {
    display: none;
}
.view_container.min-show {
    width: fit-content;
}
.view_container.min-show .view_content{
    display: none;
}
.view_container.min-show .view_float_button{
    display:none;
}
/* 视图停靠时 */
.view_container.alongside{
    /* position: fixed; */
    /* right: 0; */
    position: sticky;
    top: 20px;
    z-index: 5;
    height: 90%;
}
.view_container.alongside > .view_content {
    height: 90%;
    overflow-y: auto;
}

#alltask_container,#simple_container,#timeline_container,#stage_container,#search_container,#calendar_container,#history_container{
    width:auto;
    padding:0;
}
.container,.view_container header{
    background-color: rgb(211, 226, 229);
    margin:1px;
}
.container,.view_container header i.fa{
    color: rgb(221, 122, 50);
    margin:3px;
    cursor:pointer;
}
.panel_title{
    position:relative;
    bottom: 5px;
}
.view_content {
    width: 35rem;
    /* width:30rem;
    height:auto;
    display:none; */
}

.view_container.task-arrange-float .view_content>div.task>div.task{
	float: left;
}
